<!--
    新增 ${table.comment!} 前端html骨架:

    前端页面统一使用layui.layer.open的方式进行弹出层的展示，所以这里仅包括html的div片段

<#if fullComment>
    ${table.comment!} 分页展示：

    1. 创建一个表单，用来记录信息
    2. 表单里面有一个点击刷新表格的搜索按钮和一个点击关闭弹层的关闭按钮
</#if>
 -->
<meta charset="UTF-8">
<#if fullComment>
<!--
      一般的，在使用layui.layer.open方法时会在配置项中指定这个弹出层的id。这里取  ${table.layuiEntityName}Update
  弹层dom的id属性值自然就是指定的这个 ${table.layuiEntityName}Update 值了。 这个id可以确保弹出层的唯一性。
      这里是将主体内容放在一个div中，这个id属性取的是 ${table.entityName}Update 是上面id的首字母大写。
 -->
</#if>
<div id="${table.entityName}Update">
    <#if fullComment>
    <!--
        将一个div 或者 form 元素的 class 属性中设置上 layui-form 那么在layui中就会识别成一个表单了。
        建议同时将 lay-filter 属性也设置上(这个类似表单的编号，需要唯一) 以方便后面通过它来调用layui表单的内置方法

              .layui-form
            --------------------------------------------------------------------------------------------
            |  .layui-form-item(任意个)--------------------------------------------------------------   |
            |  |  -------.layui-inline(任意个)----------------------------------------------------  |   |
            |  |  |                                                                             |  |   |
            |  |  |    .layui-form-label                    .layui-input-inline(放表单元素)       |  |   |
            |  |  |                                                                             |  |   |
            |  |  -------------------------------------------------------------------------------  |   |
            |  -------------------------------------------------------------------------------------   |
            --------------------------------------------------------------------------------------------
    -->
    </#if>
    <div class="layui-form layui-form-pane" lay-filter="${table.entityName}Update-form" >
        <#list table.layuiFields as fields>
            <#if fullComment>
        <!--
            在layui.form表单里面的div 元素的 class 属性中设置上 layui-form-item 就将这个div定义为一个块级元素的表单项容器
            (为了使表单更加紧凑，方便后面进行的计算，这里将边距设置为0)
        -->
            </#if>
        <div class="layui-form-item" style="margin: 0;">
            <#list fields as field>
                <#if fullComment>
            <!--
                在layui.form表单里面的div 元素的 class 属性中设置上 layui-inline 就将这个div定义为一个行内块元素
                (多个行内块元素在上面的块级元素中横向排列，超出之后换行继续排列。这里为了防止换行。每行最多允许两个.layui-inline)
            -->
                </#if>
            <div class="layui-inline">
                <#if fullComment>
                <!--
                    在layui.form表单里面的.layui-form-label 是一个表单元素的标签,用来提示这个表单元素的名称。
                -->
                </#if>
                <label class="layui-form-label">${field.alias}:</label>
                <#if fullComment>
                <!--
                    普通的表单元素使用 .layui-input-inline 包裹, 单选框需要使用 .layui-input-block 包裹。
                -->
                </#if>
             <#if field.radioColumn>
                <div class="layui-input-block">
                    <#if fullComment>
                    <!--
                        layui的单选框，考虑到后面的事件监听，这里添加了 lay-filter 属性。
                        value 值就是做好表单得到的值; title属性就是页面展示的值
                        由于低版本对单选框的检验不够完美，这里统一不加验证
                    -->
                    </#if>
                 <#assign checkedflag=true />
                 <#list field.source as mapper>
                    <input type="radio" name="${field.propertyName}" lay-filter="${table.entityName}Update-${field.propertyName}" value="${mapper.id}" title="${mapper.name}" <#if checkedflag><#assign checkedflag=false />checked=""</#if>  />
                 </#list>
                </div>
             <#else>
                <div class="layui-input-inline" >
                 <#if field.selectColumn>
                     <#if fullComment>
                     <!--
                         layui的下拉选择框，考虑到后面的事件监听，这里添加了 lay-filter 属性。
                         考虑到后面可能会动态的添加option项，这里添加了id选择器
                         在下拉选择框上面添加 lay-search 属性 给 select 组件开启搜索功能 默认不区分大小写;     设置属性值 cs 区分大小写(v2.8+)
                         lay-verify 指定表单验证，多个验证规则使用 | 分隔
                                    验证规则 : required必填项 等
                                    由于信息有限，这里只区分有表单验证和无表单验证，有表单验证统一只添加 必填项验证
                     -->
                     </#if>
                    <select name="${field.propertyName}" lay-search lay-filter="${table.entityName}Update-${field.propertyName}"  id="${table.entityName}Update-${field.propertyName}"  <#if field.verifyColumn> lay-verify = "required" </#if> >
                        <option value="" selected = "selected">请选择${field.alias}</option>
                        <#list field.source as mapper>
                        <option value="${mapper.id}" >${mapper.name}</option>
                        </#list>
                    </select>
                 <#else>
                     <#if fullComment>
                    <!--
                        layui的文本框，考虑到后面可能会动态的添加laydate项，这里添加了id选择器
                        lay-verify 指定表单验证，多个验证规则使用 | 分隔
                                   验证规则 : required必填项 等
                                   由于信息有限，这里只区分有表单验证和无表单验证，有表单验证统一只添加 必填项验证
                             <#if field.timeColumn>
                       - 给准备绑定时间控件的输入框 添加上  autocomplete="off" 的属性
                            可以防止在有的浏览器上面的自动填充会阻挡时间控件，导致选不到时间
                       - 给准备绑定时间控件的输入框 添加上  readonly 的属性
                            可以防止有心人直接修改输入框内容而达不到预期的效果
                            </#if>
                    -->
                     </#if>
                    <input type="text" class="layui-input" name="${field.propertyName}"  id="${table.entityName}Update-${field.propertyName}" placeholder="请输入${field.alias}" <#if field.verifyColumn> lay-verify = "required" </#if> <#if field.timeColumn> readonly autocomplete="off" </#if> />
                 </#if>
                </div>
             </#if>
            </div>
            </#list>
        </div>
        </#list>
        <#if fullComment>
        <!--
            最后整两个按钮: 提交和关闭弹层
        -->
        </#if>
        <div class="layui-form-item" style="margin: 0; text-align: center">
            <div class="layui-inline">
                <#if fullComment>
                <!--
                    提交按钮使用layui.form里面的内置方法来做:
                        给这里添加 lay-submit 到时候就可以使用submit事件了，
                        再加上 lay-filter属性 到时候可以确定是这个按钮所在的表单进行表单提交
                -->
                </#if>
                <button class="layui-btn" type="button" lay-submit lay-filter="${table.entityName}Update-submit" title="确认修改">
                    <i class="layui-icon layui-icon-add-circle-fine"></i>确认修改
                </button>
                <#if fullComment>
                 <!--
                     关闭弹层使用id选择器来绑定事件，所以这里添加上id属性
                 -->
                </#if>
                <button class="layui-btn" type="button" id="${table.entityName}Update-close" title="关闭页面">
                    <i class="layui-icon layui-icon-close"></i>关闭页面
                </button>
            </div>
        </div>
    </div>
</div>